/*Common Classes*/
.blueBg{background-color:#0081db}
.blueText{color:#0081db}

.uppercase{text-transform:uppercase}
.hidden, .hiddenProfile{display:none}
.displayBlock{display:block}

.floatR{float:right}
.floatL{float:left}
.clear{clear:both}
.highLightSearchWord{background-color:#f6ef91;}

.margT10{margin-top: 10px;}
/*Map*/
#map{position: absolute; background-color: rgb(238, 238, 238); overflow: hidden; min-width: 400px; min-height: 600px; left: 25%; top: 0px; right: 0px; bottom: 0px; width: 72%; height: auto; padding: 0px; z-index: auto;
    
    -webkit-transition: left 0.5s;    -webkit-transition-timing-function: ease-in-out;     transition: left 0.5s;     transition-timing-function: ease-in-out;}

/*General*/
/*.panelContainer{width:25%; -webkit-transition:width 0.5s; -webkit-transition-timing-function:ease-in-out; transition:width 0.5s; transition-timing-function:ease-in-out;}
.panelContainer .panelLogo{width:85%; height:75px; background:url('../images/panelLogoEN.png') no-repeat 10px; float:left}
.panelLang{float: right; width:15%}
.panelLang a{color: #000; text-decoration:none !important; font-weight: bold;  display: block; margin: 20px 10px; width: 30px; height: 30px; border: 2px solid #0081db; border-radius: 15px; padding: 5px 10px;}*/
.imgBorder{border: 1px solid #d6dbe9}
 
/*Search Box*/
/*.panelContainer .mapSearch{height:60px; border:10px solid #0081db}
.panelContainer .mapSearch .searchNav{display:inline-block; width:15%; height:40px; background:url('../images/menuIcon.png') no-repeat center;float:left}
.panelContainer .mapSearch .searchBox{float:left; width:85%; height:40px; border:0; padding:5px 15px; font-size:14px}
.panelContainer .mapSearch .searchIcon{display:inline-block; width:15%; height:40px; background:url('../images/searchIcon.png') no-repeat center; float:right}
.panelContainer .mapSearch .searchIcon:hover, .mapSearch .searchNav:hover{background-color:#e7e7e7; transition:0.5s ease-in-out}*/

/*BreadCrumb*/
/*.panelContainer .searchBreadCrumb{min-height:50px; padding:15px 20px; border-bottom:1px solid #d6d6d6}
.searchBreadCrumb .currentBreadCrumbItem {cursor:pointer;color:#0081db; display:inline-block}
.searchBreadCrumb .breadCrumbItem{cursor:pointer;color:#808080; display:inline-block}
.searchBreadCrumb .breadCrumbItem.breadCrumbHome{display:inline-block; width:17px; height:17px; background:url('../images/homeIcon.png') no-repeat center}
.searchBreadCrumb .breadCrumbSep{display:inline-block; background:url('../images/rightArrow.png') no-repeat center; width:5px; height:9px; margin:0 5px}
.searchBreadCrumb .breadCrumbSep:last-child{display: none;}
#searchLanding .searchBreadCrumb h2{margin:0}*/
 
/*Search Landing*/
#searchLanding{padding:10px; /*height:607px;*/ height:100vh; width:100%; overflow-y:auto}
#searchLanding .filterItem{margin-bottom:10px; height:140px; position:relative}
#searchLanding .filterItem a {
    display: block;
}
#searchLanding .filterItem img{height:140px; width:100%; transition:.3s ease-in-out}
#searchLanding .filterItem:hover img{transform: scale(1.05)}
#searchLanding .filterItem:hover h3 {}

#searchLanding .filterItem h3 {
    font-size: 1.03em;
    font-weight: bold;
    position: absolute;
    bottom:0;
    width: 100%;
    height:auto;
    padding: 10px;
    background: rgba(42, 42, 44, 0.7);
    color: #fff;
}


/*Search Filtering - Listing*/
#searchFiltering, #searchListing{overflow-y:auto; /*height:615px;height:100vh*/height:607px}
#searchListing:not(.summeryListing){width:60%;}
#searchFiltering, .summeryListing{width:100%}
#searchFiltering .listItem, #searchListing .listItem{display:inline-block; width:100%; min-height:120px; border-top:1px solid #d6dbe9;cursor: default; padding:20px 15px; color:#383737}
/*#searchFiltering .listItem:hover, #searchListing .listItem:hover{background-color: #e7e7e7}*/

#searchFiltering .routebody:hover, #searchListing .routebody:hover{background-color: #e7e7e7}

#searchFiltering .listItem:hover, #searchListing .listItem:hover .listItemContent h2{color:#880a0f}
#searchFiltering .listItem .listItemContent, #searchListing .listItem .listItemContent{width:79%}
#searchFiltering .listItem img, #searchListing .listItem img{width:95px; height:90px}
#searchFiltering .listItem .listItemContent h2, #searchListing .listItem .listItemContent h2{margin-top:0; font-size:18px; color:#383737; font-weight:bold; margin-bottom:5px;line-height:2}
#searchFiltering .listItem .listItemContent p, #searchListing .listItem .listItemContent p{font-size:12px}


/*collapse panel*/

/*.panelContainer .tabResizer{width: 23px;background-color:#fff; left:25%; top:75px; height:60px; position: absolute;}
.panelContainer .tabResizer .collapsePanel{height:60px; width:23px; background:url(../images/collapseArrow.png) no-repeat center; cursor:pointer}
.panelContainer .tabResizer .expandPanel{display:none; height:60px; width:23px; background:url(../images/expandArrow.png) no-repeat center; cursor:pointer;}*/


 /*Pager */
.panelContainer #searchPaging ,.panelContainer #searchListingPaging{background-color:#fff; border-top:1px solid #d6dbe9; width: 100%; height: 46px; bottom: 0px; position: absolute; padding:13px; text-align:right}
#searchPaging .pagerMessage,#searchListingPaging .pagerMessage{text-align:right; color:#959595; display:inline-block}
#searchPaging .pagerMessage span, #searchListingPaging .pagerMessage span{display: table-cell; padding: 2px 5px; font-size: 13px;}
#searchPaging #btn_prev{cursor:pointer; display:inline-block; background: url('/Style Library/Images/prevArrow.png') no-repeat center; height:18px; width:11px; float:left}
#searchPaging #btn_next{cursor:pointer; display:inline-block; background: url('/Style Library/Images/nextArrow.png') no-repeat center; height:18px; width:11px;}

/*Opportunity Details*/
/*#oppourtunityDetails{overflow-y:auto; height:430px;}
#oppourtunityImg{width:100%; height:160px ;cursor:pointer}
#oppourtunityDetails #oppourtunityDetailsBody{position:relative}
#oppourtunityDetails .opportunityName{width: 100%; height: 65px; background: rgba(0,0,0,0.5); position: absolute; top:96px; padding: 10px;}
#oppourtunityDetails .opportunityName h3{margin:0; color: #fff; font-size: 16px;}
#oppourtunityDetails .profileSections{height:60px; padding:10px 25px; border-bottom:1px solid #d6d6d6}
#oppourtunityDetails .profileSections a{display:inline-block; width:16%; height:100%; float:left}
#oppourtunityDetails .profileSections svg{fill:#9c9c9c; width:50%; height:100%}
#oppourtunityDetails .profileSections .profileGov svg, #oppourtunityDetails .profileSections .profileStat svg{width:70%}
#oppourtunityDetails .profileSections svg:hover, #oppourtunityDetails .profileSections svg:active{fill:#0081db}
#oppourtunityDetails .profileSections .activeTab svg{fill:#0081db}

.tabName{font-size: 15px; padding-left: 10px; border-left: 5px solid #0081db; text-transform: uppercase; margin-top:0}
#details .tabName{margin-bottom: 10px;}*/
    /*Opportunity Details - Details*/
/*#oppourtunityDetails #details{padding: 20px 25px;}
#oppourtunityDetails #details .govName{font-size:15px; font-weight:700; color:#000;margin-bottom:15px}
#oppourtunityDetails .govAttr{font-size:14px; margin-bottom:10px}
#oppourtunityDetails .attrValue{color: #0081db;}*/
    /*Opportunity Details - Nearest Facilities*/
/*#oppourtunityDetails .panel-default{border:0}
#oppourtunityDetails .panel-default>.panel-heading {background-image:none; background-color:#eaeaea; padding:5px 10px}
#oppourtunityDetails .panel-default>.panel-heading a{text-decoration:none !important; display:block}
#oppourtunityDetails .panel-default>.panel-heading+.panel-collapse>.panel-body{border:0}
#oppourtunityDetails .panel-body{padding:0}
#oppourtunityDetails #nearstlandmarks{padding:20px 25px}
#oppourtunityDetails #nearstlandmarks .panel-heading .list-img{width:40px; height:40px; margin-right:10px}
#oppourtunityDetails #nearstlandmarks .nearestFacilities{padding:10px}
#oppourtunityDetails #nearstlandmarks .nearestFacilities .routeheader {font-size: 14px; font-weight: bold; cursor:pointer;} 
#oppourtunityDetails #nearstlandmarks .nearestFacilities .routebody{font-weight:normal}*/

    /*Opportunity Details - Governorate*/
/*#oppourtunityDetails #gov{padding:20px 25px}
#oppourtunityDetails #gov .govHeader{margin-bottom: 10px; text-align:center}
#oppourtunityDetails #gov .govImg{width: 70px; height: 70px}
#oppourtunityDetails #gov .govName{margin:25px 10px; font-size:15px; font-weight:700; color:#000}
#govDetails{margin-bottom:30px}*/

    /*Opportunity Details - Statistics*/
/*#oppourtunityDetails #governoratestatistics{padding:20px 25px}
#oppourtunityDetails #governoratestatistics .attrName.attrNameMainTitle{font-weight: bold; margin-left: 5px; margin-bottom: 10px; font-size: 13px; padding-left: 10px; text-transform: uppercase;   margin-top: 0; border-left: 5px solid #76bced;}
#oppourtunityDetails #governoratestatistics .attrName.attrNameTitle{display:block; font-weight: bold; font-size: 11px; padding-left:5px;padding-bottom: 5px;  text-transform: uppercase; margin-top: 0;}
.govchart{width:80%;height:250px}
#Animal.govchart{margin-top: 10px;}*/

    /*Opportunity Details - Attachments*/
/*#oppourtunityDetails #attachmentInfos{padding:20px 25px}
#oppourtunityDetails #attachmentInfos .govImg{}
.imgList img{width:125px; height:70px; margin-right:10px; margin-bottom:10px}
#cboxClose {top: 10px;right: 20px;position: absolute;width: 30px;height: 30px; background:#0081db url('../images/closeBtn.png') no-repeat center; border: 0;}*/

/* Opp Image Pop up*/
#oppourtunityImgPage ,#projectPopUp {width: 100px; height: 100px ;background-color:#fff}
#oppourtunityImgPage img {object-fit: cover; width: 100%; height: 100%}
#oppourtunityImgPage .popupImg, #oppourtunityImgPage .popupVideo{width:100%; height:100% ;z-index:5000000000000}
#attachmentInfos .oppourtunityImg {cursor:pointer}
#projectPopUp .Title {font-weight: bold;   margin-bottom: 10px;  font-size: 15px;  text-transform: uppercase;  margin-top: 10px;}
#projectPopUp .SubTitle {font-weight: bold;   margin-bottom: 10px;  font-size: 13px;  text-transform: uppercase;   margin-top: 10px;}
#projectPopUp{padding:30px}
#projectPopUp p{font-size:14px}


.landmarkDetailsPopup{    width: 70% !important;
    height: 63% !important;
    margin: 15% auto;    border-radius: 20px;     background: rgba(255, 255, 255, 0.8) !important; position:relative}
#cboxContent{background:0}
#cboxLoadedContent{/*background:rgba(0,0,0,0.6)*/}

/*Map Icons*/
.jimu-widget-onscreen-icon{width: 30px !important; height: 30px !important; border: 0;}
.jimu-widget-onscreen-icon img{width: 18px; height: 18px; margin: 6px;}
.jimu-widget-zoomslider{background-color: rgba(0, 0, 0, 0.6)}




/*Opportunity Details*/
#projectDetails{overflow-y:auto; height:430px;}
#projectImg{width:100%; height:160px ;cursor:pointer}
#projectDetails #projectDetailsBody{position:relative}
#projectDetails .opportunityName{width: 100%; height: 65px; background: rgba(0,0,0,0.5); position: absolute; top:96px; padding: 10px;}
#projectDetails .opportunityName h3{margin:0; color: #fff; font-size: 16px;}
#projectDetails .profileSections{height:60px; padding:10px 25px; border-bottom:1px solid #d6d6d6}
#projectDetails .profileSections a{display:inline-block; width:20%; height:100%; float:left}
#projectDetails .profileSections svg{fill:#9c9c9c; width:50%; height:100%}
#projectDetails .profileSections .profileGov svg, #oppourtunityDetails .profileSections .profileStat svg{width:70%}
#projectDetails .profileSections svg:hover, #oppourtunityDetails .profileSections svg:active{fill:#0081db}
#projectDetails .profileSections .activeTab svg{fill:#0081db}

 /*project Details - Details*/
#projectDetails #pdetails{padding: 20px 25px;}
#projectDetails #pdetails .govName{font-size:15px; font-weight:700; color:#000;margin-bottom:15px}
#projectDetails .govAttr{font-size:14px; margin-bottom:10px}
#projectDetails .attrValue{color: #0081db;}
.projectMediaImg img{ width:100px ;height:100px}
#pdetails #projectMediadiv{margin-top:40px}
#pdetails .desc {    margin: 10px 0;    font-size:14px}
#pdetails #projectDetailsdiv{font-size:14px}
#projectPopUp .headerpopup {
    margin-top: 0;
    font-size: 16px;
    color:#0081db;
}
#projectPopUp{height:auto !important}

/*Legend*/
.jimu-on-screen-widget-panel>.jimu-panel-title>.close-btn{background: #c1c1c1 url(images/white_close_default.png) no-repeat center center; border-radius: 5px; width: 25px; height: 25px;}